@import 'https://code.highcharts.com/css/highcharts.css';
#highchartsContainer {
  min-width: 300px;
  margin: 1em auto;
 /* border: 1px solid silver;*/
}

#highchartsContainer h4 {
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}

#highchartsContainer p {
  font-size: 13px;
  line-height: 16px;
}

.highcharts-figure {
	margin: 0;
}

.link {
	cursor: pointer;
	font-size: 16px;
}

.highcharts-container *, .highcharts-tooltip span {
	font-family: 'Open Sans', sans-serif !important;
}

.highcharts-point {
	color: #666;
}

.highcharts-tooltip-box {
	fill: #fff;
	fill-opacity: 1.0;
	border: solid 3px #ccc;

}

.highcharts-point-hover {
	stroke-width: 3px;
}

.highcharts-null-point {
    fill: none;
}

h4 {
  font-size: 9.5px !important;
}

.level1, .level4 {
	position: relative;
	font-size: 13px;
	font-weight: normal;
	pointer-events: none;
}

.level1 {
	color: #005AE0;
	top: -34px;
	left: -5px;
}

.level4 {
	top: 17px;
	left: -90px;
	color: #001D47;
	z-index: 0;
}

.leadsTo {
	margin-top: 8px;
	line-height: 14px;
	font-size: 12px;
}

#closeModal {
	float: right;
	margin: 0 0 5px 8px;
	cursor: pointer;
	color: #0046AD;
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	border: solid 1px #0046AD;
	padding: 1px 10px;
} 

#closeModal:hover {
	color: #fff;
	background-color: #0046AD;
}

@media (min-width: 576px) {
  h4 {
    font-size: 12px !important;
  }
}

@media (min-width: 768px) {
  h4 {
    font-size: 12.5px !important;
  }
}

@media (min-width: 992px) {
  h4 {
    font-size: 15px !important;
  }
}

@media (min-width: 1200px) {
  h4 {
    font-size: 16px !important;
  }
}

@media (max-width: 575px) {
	.level1 {
		left: -5px;
		top: -30px;
		width: 100px;
	}
	.level4 {
		width: 100px;
	}
}

@media (min-width: 286px) and (max-width: 666px) {
    .embedVideo.vimeo, .embedVideo.youTube, .embedVideo.seattleChannel {
		padding-left: 0px;
    }	
}